HTML Tables

These are tags and attributes that are used to create HTML tables, I will be using them to create the table on this page.

Used For:	Tag/Attribute:	Notes:
Creating a Table	<table> </table>	These tags contain everything else in the HTML table, including headings, rows, and cells.
Creating a Row	<tr> </tr>	These tags create a row in the table. Each row conatins the cells that make up columns if the same number of cells is created on each row. Rows do not appear on a webpage until they contain at least one table data element.
		Example Code: Example Outcome:
Creating a Cell for Table Data	<td> </td>	These tags create a cell in a table row. Cells are placed from left to right in a row, and empty cells must still be created to ensure columns line up correctly where required.
		Example Code: Example Outcome:
Creating a Table-Header	<thead> </thead>	These tags should only contain the "first" row of the table, which should only have table heading tags in it.
Creating a Heading	<th> </th>	When a heading is required, these tags are used in place of the table data ones that are used to create a cell. This can be used for both vertical and horizontal table headings, but in a horizontal table heading, you need to make sure it is the first cell in that row.
		Example Code: Example Outcome:
Creating a Column Heading Attribute	<th scope="col"> </th>	It is a good idea to include a scope attribute in table heading opening tags, so that the element is properly recognised as a column heading.
Creating a Table-Body	<tbody> </tbody>	These tags should contain all of the "body" elements in a table, usually the rows containing cells with individual data pieces that are not headings, totals, or summaries.
		Example Code: Example Outcome:
Making a Cell Span Across Columns	<td colspan="x"> </td>	This is an attribute that can be added to a table data element, which will make it span across "columns" to the right of its inital position, by essentially taking up the space of however many cells are specified in the attribute value. Any other cells (table data elements) that reside to the right of a column-spanned cell in the same row, will be displaced to right.
		Example Code: Example Outcome:
Making a Cell Span Down Rows	<td rowspan="x"> </td>	This is an attribute that can be added to a table data element, which will make it span across rows down from its initial position, by essentially taking up the space of however many cells are specified in the attribute value. Any other cells (table data elements) that normally reside below a row-spanned cell, will be displaced to right within their respective rows.
		Example Code: Example Outcome:
Creating a Table-Footer	<tfoot> <tfoot>	These tags section off the bottom of the table, and tend to be used for sums, differences, or other data results.
		Example Code: Example Outcome: